/**
 * Created by Administrator on 2017/10/25 0025.
 */
layui.use(['element','layer'], function() {
    var layer = layui.layer;
    var element = layui.element;


    $('#tb_departments').bootstrapTable({
        url: '/user/page',         //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        toolbar: '#toolbar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: false,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        // queryParams: {type:1},             //传递参数（*）
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                       //初始化加载第一页，默认第一页
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        // search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        // strictSearch: true,
        // showColumns: true,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        // minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "id",                     //每一行的唯一标识，一般为主键列
        // showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
        // cardView: false,                    //是否显示详细视图
        detailView: false,                   //是否显示父子表
        columns: [{
            checkbox: true
        },{
            field: 'userName',
            title: '用户名',
            width:'20%'
        },{
            field: 'phone',
            title: '手机号',
            width:'20%'
        },{
            field: 'mail',
            title: '邮箱',
            width:'20%'
        },{
            field: 'roleName',
            title: '用户类型',
            width:'20%'
        }, {
            field: 'status',
            title: '状态',
            width: '20%',
            formatter: function (value, row, index) {
                var str = "";
                switch (value) {
                    case 0:str = "未启用";break;
                    case 1:str = "启用";break;
                }
                return str;
            }
        }]
    });

    //添加
    $("#btn_add").on("click",function () {
        location.href="/user/add";
    })
    
//    编辑
    
    $("#btn_edit").on("click",function () {
        var table = $("#tb_departments").bootstrapTable("getSelections");//找出被选中的对象，并返回一个数组
        if(table.length==1){
            var id = table[0].id;
            location.href="/user/edit?id="+id;
        }else{
            layer.msg("请选择一条数据！")
        }
    })

//    删除
    $("#btn_delete").on("click",function () {
        var table = $("#tb_departments").bootstrapTable("getSelections");//找出被选中的对象，并返回一个数组
       if(table.length>0){
           layer.confirm("请确认是否删除？",function () {
               var ids=[];
               $(table).each(function () {
                   ids.push(this.id);
               })
               $.ajax({
                   url:"/user/deleted",
                   type:"get",
                   dataType:"json",
                   data:{ids:ids.join(",")},
                   success:function (msg) {
                       layer.msg("删除成功！")
                       $("#tb_departments").bootstrapTable("refresh");  //刷新表格数据
                   },
                   error:function () {
                       layer.msg("服务器忙，请稍后再试！")
                   }
               })
           })
       }else{
           layer.msg("请至少选择一条数据！")
       }
    })


})